﻿.foo{}/****************************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML GENERAL 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html 
{ 
	overflow-y: scroll; 
}

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input
{
    margin: 0;
    padding: 0;
}
body
{
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 10.5px;
      text-align: center;
      background: #294f8a;
      color: #5F5C4E;
      background-color: #D6D9CA;
      line-height:145%;
}
a
{
      color: #3a3a3a;
      text-decoration: none;  
}
a:hover
{
      color: #3a3a3a;
      text-decoration: none;
      cursor:pointer;
}
a img
{
      border: 0;
}
img
{
      border: none;
}

h1, h2, h3, h4, h5, h6
{
    font-family: verdana, helvetica, arial, sans-serif;
}

h2
{
    font-size: 12px;
	color: #5F5C4E;
	margin-top:20px;
	display:block;
}
h1
{
     color: #FFA200;
    font-size: 14px;
    margin-bottom:10px;    
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Header Menu
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tablebgtopbanner
{
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Master Page
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.master-wrapper-page
{
	border: 1px solid #C8C8C8;
	border-top:none;
	position: absolute;
	margin: auto auto auto -432px;
	background-color: Gray;
	width: 864px;
	left: 50%;
}
.master-wrapper-content
{
	float: left;
	margin: 0px 0 0;
	text-align: left;
	background-color:White;
}
.master-wrapper-content-careers
{
	float: left;
	margin: 0px 0 0;
	text-align: left;
	background-color:#E4E7D6;
}
.master-wrapper-side
{	
	float: left;
	width: 145px;
	margin: 90 0 0 20px;
	font-family: verdana, helvetica, arial, sans-serif;
	display: inline;
	background-color:Transparent;
	position:relative;	
	left:50px;
	top:20px;
	display:block;
	margin-bottom:100px;
}

.master-wrapper-cph
{
	float: left;
	width: 500px;
	color: #000;
	min-height: 350px;
	padding: 10px 0px;
	background:white;
}

.master-header
{
	padding: 0px 0px 0px 0px;
	width:864px;
	height: 153px;
	position:relative;
}

/** NEW MENU SIDE BAR */

#left-side-fixed
{
	/*border: black solid 1px;*/
	width: 220px;
	height:450px;
	float:left;
	/*background-color: #FFF;*/   
	margin-top:0px;
    /*margin-left:65px;		*/
    left:65px;
    margin-bottom:20px;
    position:relative;
    background-color:Transparent;
    z-index:200;
}

.master-side
{
    height: auto;
    width: 220px;
    background-color:Transparent;
    position:absolute;
    /*bottom:14px;*/
    top:136px;
    
    margin-left:0px;
    /*border: red solid 1px;*/
}
.master-side-collapse
{
    height: 350px;
    width: 250px;
    background-color:Transparent;
    float: left;
    margin-top:250px;
    margin-bottom:20px;
    margin-left:65px;
}

.master-content
{
    height: auto;
    width: 550px;
    background-color:Transparent;
    float: right;
    margin-top:35px; 
    margin-left: -50px;      
    margin-right: 0px;
    margin-bottom: 80px;
    min-height:344px;
}
/* CONTENT */
.content, .news-page, .career_page
{              
	margin-left: 0px;              
	margin-right: 160px;	
	line-height:145%;
}

.content ul li span , .career_page ul li span{
	margin-left: -4px;
	display:block;
	margin-bottom:4px; 
	line-height:145%;
}
.content ul li , .career_page ul li { color:#FFA70F; }
.content ul li span , .career_page ul li span{ color:#5F5C4E; }

/** END OF CONTENT */

div#news
{
	margin-left: 0px;	
	margin-right: 160px;
}

#mobile_com_chart
{	
	display:block;
	width:100%;
	height:267px;	
}

.mobile-chart-img
{
	margin: -20px auto 10px auto;	
}

.mobile-chart-img img
{
	margin: auto auto;	
	width:226px;
	height:267px;
	border:none;
	text-align:center;
}

.mobile-chart-caption
{
	margin: 10px auto auto -50px;	
	border:none;
	text-align:left;
	font-size: 10.5px;
	line-height: 145%;
}

#mobile_chart_text
{	
	float:right;
	margin-top:20px;	
	width:80px;
	height:267px;
	display:block;	
	font-weight:bold;
}
/* THIRD COLUMN */
.third-column
{
	width:160px;
	min-height:350px;	
	margin-right:0px;
	position:relative;
	float:right;
	margin-top:90px;
	position:absolute;
	right:0px;	
}

.embedded-right1
{
	margin-left:10px;	
	margin-top:90px;
	margin-right: 0px;
	display:block;
	/*width: 138px;	
	height:147px;	
	background-image:url(images/icons/EmbeddedQuote.gif);*/
}

.embedded-right2
{
	margin-left:5px;		
	display:block;
	float: right;
	/*width: 133px;	
	height:135px;		
	background-image:url(images/icons/EmbeddedChip.gif);*/
}

.embedded-right3
{
	margin-left:13px;		
	display:block;
	width: 119px;	
	height:81px;	
	float: right;
	background-image:url(images/icons/EmbeddedDrive.gif);
}

.testing-right2
{
	margin-left:2px;		
	margin-top:10px;
	display:block;
	width: 252px;	
	height:206px;	
	float: right;
	background-image:url(images/icons/TestingGlobeBlue.gif);
}

.about-us-right1
{	
	display:block;
	margin-left:10px;
	margin-top: 60px;
	width: 137px;
	height:104px;	
	
	background-image:url(images/icons/FirstAidKit.gif);
}

.about-us-right2
{	
	display:block;
	margin-left:10px;
	margin-top: 10px;
	/*width: 132px;
	height:158px;		
	background-image:url(images/icons/AboutUsPainQuote.gif);*/
}

.communication-right
{
	display:block;
	margin-left:0px;
	margin-top: 5px;
	/*width: 461px;
	height:221px;		
	background-image:url(images/icons/CommunicationsCircle.gif);*/
}

.automotive-right
{
	display:block;
	margin-left:11px;
	/*width: 136px;
	height:	259px;	
	background-image:url(images/icons/AutomotiveQuote.gif);*/
}

.mobile-right
{
	display:block;
	margin-left:0px;
	margin-top:30px;
	float:right;
	/*width: 121px;
	height:	115px;		
	background-image:url(images/icons/AndroidLogo.gif);*/
}

.mobile-right2
{	
	margin-left:11px;	
	margin-top: -40px;
	display:block;
	/*height:331px;
	width:136px;	
	background-image:url(images/icons/MobileDevicesQuote.gif);*/
}


.ecommerce-right1
{
	display:block;
	margin-left:23px;
	/*width: 81px;
	height:	81px;	
	background-image:url(images/icons/EcommerceCart.gif);			
	background-repeat:no-repeat;*/
}

.ecommerce-right2
{
	display:block;
	margin-left:13px;
	width: 194px;
	height:	129px;	
	background-image:url(images/icons/Cargo.jpg);			
}

.why-infonam-right
{	
	margin-left:10px;	
	margin-top: -8px;
	margin-right: 0px;
	display:block;
	float:right;
	/*
	background-image:url(images/icons/PurposefulInnovation.gif);
	height:233px;
	width:195px;	
	*/
}

.why-infonam-right2
{	
	margin-left:10px;	
	margin-top: -50px;
	display:block;
	height:132px;
	width:134px;	
	background-image:url(images/icons/WhyChart.gif);
}

.why-infonam-engagement-figure
{
	margin-left:-5px;	
	margin-top: 20px;
	display:block;
	/*height:304px;
	width:396px;	
	background-image:url(images/icons/EngagementChart.gif);*/
}

.why-infonam-engagement-figure-caption
{
	text-align: left;
	margin-top: 1px;
	margin-left: 16px;
	font-style:italic;
}

.process-right
{	
	margin-left:10px;	
	margin-top: 220px;
	display:block;
	/*height:183px;
	width:133px;	
	background-image:url(images/icons/QMtransparencyQuote.gif);*/
}

.electronic-right
{	
	margin-left:11px;	
	margin-top: -30px;
	display:block;
	/*height:276px;
	width:136px;	
	background-image:url(images/icons/ElectronicDesignQuote.gif);*/
}

.app-dev-right
{
	display:block;
	margin-left:13px;
	margin-top: 90px;
}

.qa-testing-right
{
	display:block;
	margin-left:-10px;
	margin-top: 7px;
}

/*

.embed-right
{	
	display:block;
	margin-left:13px;
	width: 127px;
	height:170px;
	background-image:url(images/IconEmbedded.jpg);	
}

.testing-right
{
	display:block;
	margin-left:13px;
	width: 129px;
	height:154px;		
	background-image:url(images/IconTesting.gif);	
}

.semicondutor-right
{	
	display:block;
	margin-left:13px;
	width: 127px;
	height:	178px;	
	background-image:url(images/IconSemiconductor.jpg);		
}

.telecom-right
{
	display:block;
	margin-left:13px;
	width: 129px;
	height:	195px;	
	background-image:url(images/IconTelecom.gif);	
}

.healthcare-right
{
	display:block;
	margin-left:13px;
	width: 129px;
	height:	188px;	
	background-image:url(images/IconHealthcare.gif);	
}
*/
.about-us-hr
{
	border-bottom: #FFDF38 solid 1px;	
	display:block;
	margin-bottom:-10px;
	
}

.table-top-left
{
	width: 100px;
	height:	15px;	
	background-image:url(images/table/TABLE-UL.gif);
	background-color: Orange;	
}

/** END CONTENT **/
.corp_off, .expertise_off, .industries_off, .why_off
{
	margin: 0px 0px 0px 0px;
	width: 145px;
	height: 37px;
	display:block;
	border-bottom: #BDC2AF solid 1px;
}
.corp_on, .expertise_on, .industries_on, .why_on, .blognews_on, .frontend_on, .logout_on
{	
	width:223px;
	height:126px;
	text-align: right;
	display:block;
	margin-top:-1px;
}

.corp_off_top
{
	width:145px;
	height:5px;
	background-color:#FDE44D;
}
.corp_off
{
	background: url(images/new_menu/CorpYellowSM.gif) no-repeat;	
	border-bottom: #A2A693 solid 1px;
}
.corp_on
{
	background:#93937C  url(images/new_menu/CorpSlateLarge.gif) no-repeat left top;	
}
.expertise_off
{
	background: url(images/new_menu/TechServYellowSM.gif) no-repeat;	
}

.expertise_on
{
	background: #93937C url(images/new_menu/TechServLargeSlate.gif) no-repeat left top;	
}
.industries_off
{
	background: url(images/new_menu/IndustryYellowSM.gif) no-repeat;
}

.industries_on
{
	background:#93937C  url(images/new_menu/IndustrySlateLarge.gif) no-repeat left top;
}
.why_off
{
	background: url(images/new_menu/WhyYellowSM.gif) no-repeat;
	/*border-bottom: #A2A693 solid 1px;*/
}
.why_on
{
	background: url(images/new_menu/WhySlateLarge.png) no-repeat;
}

/***LEFT MENU FOR GRAY BACKGROUND */


.gray_corp_off, .gray_expertise_off, .gray_industries_off, .gray_why_off
{
	margin: 0px 0px 0px 0px;
	width: 145px;
	height: 37px;
	display:block;
	border-bottom: #BDC2AF solid 1px;		
}


.gray_corp_off
{
	background: url(images/gray_menu/GrayBarCorpInfo.gif) no-repeat;	
	border-bottom: #A2A693 solid 1px;
}

.gray_expertise_off
{
	background: url(images/gray_menu/GrayBarTechServices.gif) no-repeat;	
}

.gray_industries_off
{
	background: url(images/gray_menu/GrayBarIndustries.gif) no-repeat;
}

.gray_why_off
{
	background: url(images/gray_menu/GrayBarWhyInfoNam.gif) no-repeat;
	
}



/***END LEFT MENU FOR GRAY BACKGROUND*/
.corp_on a, .expertise_on a, .industries_on a, .why_on a
{
    color: #5F5C4E;
    text-transform: uppercase;
    font-size:10px;
}
.corp_on a:hover, .expertise_on a:hover, .industries_on a:hover, .why_on a:hover
{
    color: #FFFFFF;
}
p.sub-menu-p
{
	font-size: 9.5px;
	margin:0px;
	padding-top:40px;	
	line-height:150%;	
	padding-right:15px;		
}

/* menu that has five sub-items */
p.industries-style
{
	padding-top:40px;	
}
p.offering-style
{
	padding-top:35px;	
}

.menu-padding-top
{
	height: 30px;
	width:100%;
}

.menu-vertical-space
{
	height: 5px;
	width:100%;
}

a.menu-item-active
{
    color:#FFFFFF;
}

/** CONTACT BAR WHITE **/
.contact-bar-white
{
	margin-top:10px;
	margin-left:-4px;	
	position:absolute;
	bottom:10px;
}
.contact-bar-white a:link, .contact-bar-white a:visited {    
    width: 156px;
    height: 46px;
    display: block;
    background: url(images/ContactBarWhite.png) no-repeat left top;
    border: none;
}

.contact-bar-white a
{
	border: none;
	outline:none;
}

.contact-bar-gray
{
	margin-top:10px;
	margin-left:-4px;	
	position:absolute;
	bottom:10px;
}
.contact-bar-gray a:link, .contact-bar-gray a:visited {    
    width: 156px;
    height: 46px;
    display: block;
    background: url(images/ContactBarGRAY.png) no-repeat left top;
    border: none;
}

.contact-bar-gray a:active
{
	border: none;
}

.contact-reset-color
{
	color: #5F5C4E;
	font-weight:bold;
}
/* END NEW MENU SIDEBAR */
.clear
{
	border: medium none;
	clear: both;
	float: none;
	font-size: 0;
	height: 0;
	line-height: 0;
}
/* Start - Picture - for - Logo */
.master-pic-logo
{
	position:absolute;
	left:65px;
	top:0px;
	width:223px;
	height:63px;
	margin: 0px 0px 0px 0px;
	background: url(images/InfoNamLogoDot.gif) no-repeat;
	z-index:5;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Body Content
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.master-main-loading{
	position: absolute;
	background:url("images/loading3.gif") no-repeat;
    height:435px;
    width:580px;
    left: 50%;
    margin: 100px auto auto -290px;
}
.master-root-top
{	
	width: 864px;
	height: 610px;
}

.root-text-bottom{
	color:#7D806C;
	font-family:arial,verdana,sans-serif;
	font-size:14px;
    height:50px;
    left:360px;
    letter-spacing:0px;
    position:absolute;
    text-align:left;
    top:543px;
    width:450px;
    background-color:transparent;
 }
 
 .root-text-bottom span
 {
	letter-spacing:0px;	
 }

.root-text-bottom a{color:#F6AB2A;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Footer Menu
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footerMenu {font-family: arial;font-size: 12px;font-weight: 500;text-transform: lowercase;color:#FFFFFF;}
a.footerMenu:link {text-decoration: none;color:#FFFFFF;}
a.footerMenu:visited {text-decoration: none;color:#FFFFFF;}
a.footerMenu:hover {text-decoration: none;color: #00FFCC;}
.footer{clear: both;height: 30px;padding: 5px 3px 5px 3px;}
.footer a{text-decoration: none;color: #FFF;}
.footerBanner{background : url(Images/footerBanner.jpg);height:20px;}
.footage{background-color:#294f8a;font-family:Arial;color: White;font-size: 11px;}

/* Footer Root Master Page*/
#master-footer{position:relative;height: 16px;color:#FFFFFF;background: url(images/GrayBarBottom.gif) no-repeat;} 
#master-footer-copyright {margin-top:2px;padding-top:2px;margin-right:0px;width:206px;height:20px;width:864px;z-index:9;font-size: 9px;}
#master-footer-sitemap {position:absolute;font-size: 9px;top:3px;left:5px;width:82px;height:21px;z-index:10;}
.master-footer{clear: both;height: 0px;padding: 0px 0px 0px 0px;}
.copyright {
	font-family: Arial, Helvetica, sans-serif, "45 Helvetica Light";
	font-style: normal;
	line-height: normal;
    font-weight: lighter;
    font-variant: normal;
    text-transform: none;
    text-align: right;
    margin-right:5px;
    letter-spacing:0px;
}
.SITEMAPtext {
	font-family: Arial, Helvetica, sans-serif, "45 Helvetica Light";	
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	letter-spacing:1px;
}
.SITEMAPtext a {color: #FFFFFF;}

/**************************************************/
/* topbar menu*/
/**************************************************/
#master-root-topbar{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:63px;
	padding: 0px 0px 0px 0px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	display: block;
	z-index:4;	
}
#master-root-topbar a {color:#FFFFFF;}
#master-root-topbar a:hover {color:Orange;}

.home-topbar{position:absolute;width: 60px;left:495px;padding: 8px 0px 0px 0px;text-align:center;}
.aboutus-topbar{position:absolute;width: 60px;left:556px;padding: 8px 0px 0px 0px;text-align:center;}
.careers-topbar{position: absolute;width: 60px;left:627px;padding: 8px 0px 0px 0px;}
.news-topbar{position: absolute;width: 60px;left:691px;padding: 8px 0px 0px 0px;}
.contact-topbar{position: absolute;width: 60px;left:754px;padding: 8px 0px 0px 0px;}

.home-topbar-on{position: absolute;width: 60px;left:495px;padding: 8px 0px 0px 0px;text-align:center;}
.aboutus-topbar-on{position: absolute;width: 60px;left:556px;padding: 8px 0px 0px 0px;text-align:center;}
.careers-topbar-on{position: absolute;width: 60px;left:627px;padding: 8px 0px 0px 0px;}
.news-topbar-on{position: absolute;width: 60px;left:691px;padding: 8px 0px 0px 0px;}
.contact-topbar-on{position: absolute;width: 60px;left:754px;padding: 8px 0px 0px 0px;}

.home-topbar-on a:hover, .home-topbar-on a:visited,
.careers-topbar-on a:hover, .careers-topbar-on a:visited,
.contact-topbar-on a:hover, .contact-topbar-on a:visited,
.news-topbar-on a:hover, .news-topbar-on a:visited,
.aboutus-topbar-on a:hover, .aboutus-topbar-on a:visited
{	
	color:Orange !important;
}
.search-topbar-text{position: absolute;color:#CDD3B8;display: block;vertical-align:middle;text-align:right;padding: 3px 0px 0px 0px;left:860px;}
.search-topbar-button{position: absolute;color:#CDD3B8;display: block;vertical-align:middle;left:966px;text-align:right;padding: 18px 0px 0px 0px;}
.search-topbar-text input{
	position: absolute;
	font-size:11px;
	width:100px;
	left:0px;
    vertical-align:middle;
    background-color: #FFFFFF;
    opacity: 0.7;
    filter:alpha(opacity=70);
    border: 0px solid #000000;
}
.search-topbar-button input{
	position: absolute;
	font-family: verdana, helvetica, arial, sans-serif;
    font-size: 9px;
    left:0px;
    color:#CDD3B8;
    background-color: transparent;
    border: 0px solid #000000;
    cursor:pointer;
    vertical-align:middle;
 }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Top Menu
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.menu {
	font-family: arial;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color:#0c68b1;
}
a.menu:link {
	text-decoration: none;
	color:#0c68b1;
}
a.menu:visited {
	text-decoration: none;
	color:#0c68b1;
}
a.menu:hover {
	text-decoration: none;
	color: #98cd01;
}
.menu_flash
{
	background : url(Images/menu_flash.jpg);
	width:1px;
}
.menubtn_bg {
	font-family: arial;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	background : url(Images/btn_bg.jpg);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Login View Menu
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.loginViewMenu {
	font-family: arial;
	font-size: 11px;
	font-weight: 400;
	text-transform: lowercase;
	color: Blue;
}
a.loginViewMenu:link {
	text-decoration: none;
	color: Blue;
}
a.loginViewMenu:visited {
	text-decoration: none;
	color: Blue;
}
a.loginViewMenu:hover {
	text-decoration: none;
	color: Blue;
}

/***************************************/
.bodyText {
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	color:#333333;
	line-height: 22px;

}
.message-error
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: red;
}

/***************************************/
/* BLOCKS FOR HOME PAGE *?
/***************************************/

.block-why{
	background: url(images/WhyLargeStack.png) repeat;
	background-position: 0% 0px;
	position: absolute;
	left: 65px;
	top: 407px;
	width: 223px;
	height: 126px;
	z-index:4;
}
.block-why-on{
	background: url(images/WhyLargeStack.png) repeat;
	background-position: 0% -126px;
	position: absolute;
	left: 65px;
	top: 407px;
	width: 223px;
	height: 126px;
	z-index:4;
}
.block-technology-services{
	background: url(images/TechServSQstack.png) repeat;
	background-position: 0% 0px;
	position: absolute;
	left: 356px;
	top: 407px;
	width: 145px;
	height: 126px;
}
.block-technology-services-on{
	background: url(images/TechServSQstack.png) repeat;
	background-position: 0% -126px;
	position: absolute;
	left: 356px;
	top: 407px;
	width: 145px;
	height: 126px;
}
.block-industries{
	background: url(images/IndustrySQstack.png) repeat;
	background-position: 0% 0px;
	position: absolute;
	left: 510px;
	top: 407px;
	width: 145px;
	height: 126px;
}
.block-industries-on{
	background: url(images/IndustrySQstack.png) repeat;
	background-position: 0% -126px;
	position: absolute;
	left: 510px;
	top: 407px;
	width: 145px;
	height: 126px;
}
.block-join-us{
	background: url(images/JoinUsSQstack.png) repeat;
	background-position: 0% 0px;
	position: absolute;
	left: 664px;
	top: 407px;
	width: 145px;
	height: 126px;
}
.block-join-us-on{
	background: url(images/JoinUsSQstack.png) repeat;
	background-position: 0% -126px;
	position: absolute;
	left: 664px;
	top: 407px;
	width: 145px;
	height: 126px;
}
/****************************************************/
/* BANNER FOR TOP MENU*/
/****************************************************/

.master-pic-contact{
	position: absolute;
	left:0px;
	top: 0px;
	width: 864px;
	height: 153px;
	margin: 0px 0px 0px 0px;	
	z-index: 2;
}                    
.master-pic-news{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	z-index:2;
}                 
.master-pic-careers{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	z-index:2;
}                   
.master-pic-corporateinfo{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}                          
.master-pic-expertise{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}                      
.master-pic-expertise-app-dev{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}                             
.master-pic-expertise-embed-software{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}                                     
.master-pic-expertise-datacom{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}                              
.master-pic-expertise-testing{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;z-index:2;
}                              
.master-pic-industries{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}                       
.master-pic-industries-telecom{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}                               
.master-pic-industries-automotive{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}                                  
.master-pic-industries-ecommerce{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}                                 
.master-pic-industries-mobiledevices
{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}                                     
.master-pic-why{
	position:absolute;
	left:0px;
	top:0px;
	width:864px;
	height:153px;
	margin: 0px 0px 0px 0px;	
	background-position: 0% 0px;
	z-index:2;
}


.menu-corporate-info-collapse
{
	margin: 0px 0px 0px 0px;
	background: url(images/CorpYellowSM.gif) no-repeat;
	width: 145px;
	height: 31px;
	display:block;
}

.menu-corporate-info-collapse-on
{
	margin: 0px 0px 0px 0px;
	background: url(images/CorpGreenLarge.png) no-repeat;
	width: 145px;
	height: 31px;
	display:block;
}

.menu-corporate-info
{		
	background: url(images/CorpGreenLarge.png) no-repeat;
	background-color:#75d147;
	width:223px;
	height:140px;
}

.menu-expertise-collapse
{
	margin: 0px 0px 0px 0px;
	background: url(images/ExpertYellowSM.png) no-repeat;
	width: 145px;
	height: 31px;
	display:block;
}

.menu-expertise-collapse-on
{
	margin: 0px 0px 0px 0px;
	background: url(images/ExpertGreenLarge.png) no-repeat;
	width: 145px;
	height: 31px;
	display:block;
}

.menu-expertise
{	
	background: url(images/ExpertGreenLarge.png) no-repeat;
	background-color:#75d147;
	width:223px;
	height:140px;
}

.menu-industries-collapse
{
	margin: 0px 0px 0px 0px;
	background: url(images/IndustryYellowSM.png) no-repeat;
	width: 145px;
	height: 31px;
	display:block;
}

.menu-industries-collapse-on
{
	margin: 0px 0px 0px 0px;
	background: url(images/IndustryGreenLarge.png) no-repeat;
	width: 145px;
	height: 31px;
	display:block;
}
.menu-industries
{	
	background: url(images/IndustryGreenLarge.png) no-repeat;
	background-color:#75d147;
	width:223px;
	height:140px;
}
.menu-why-collapse
{
	margin: 0px 0px 0px 0px;
	background: url(images/WhyOrangeSM.png) no-repeat;
	width: 145px;
	height: 31px;
	display:block;
}

.menu-why-on
{
	margin: 0px 0px 0px 0px;
	background: #75d147 url(images/WhyGreenLarge.png) no-repeat;
	width: 223px;
	height: 140px;
	display:block;
}
.menu-why-collapse-on
{
	margin: 0px 0px 0px 0px;
	background: url(images/WhyGreenLarge.png) no-repeat;
	width: 145px;
	height: 31px;
	display:block;
}
.menu-corporate-info a, .menu-expertise a, .menu-industries a
{
	color: #FFFFFF;
	text-transform:uppercase;
	font-size:9.5px;
	padding: 0px 0px 0px 0px;
}
.menu-vertical-space
{
	height: 0px;
	overflow:hidden;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SECTION HEADERS NEWS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.section-title
{
	border-bottom: solid 3px #dfdfdf;
	padding-bottom: 1px;
	margin-bottom: 10px;
	color: #009FFF;
	font-size: 14px;
	font-weight: bold;
	vertical-align: bottom;
}

.section-title img
{
	vertical-align: middle;
	padding-bottom: 2px;
}

.section-header .title a
{
	text-decoration: none;
	font-size: 11px;
	color: #555;
}


.section-header
{
	border-bottom: solid 3px #dfdfdf;
	padding-bottom: 1px;
	margin-bottom: 10px;
	height: 25px;
}

.section-header .title
{	
	float:left;
	color: #FFA200; /*#009FFF;*/
	font-size: 15px;
	font-weight: bold;
	vertical-align: bottom;
	padding-top: 8px;
	/*font-family : verdana, helvetica,arial,sans-serif; */
}

.section-header .title img
{
	vertical-align: middle;
	padding-bottom: 2px;
}

.section-header .options
{
	text-align: right;	
	float:right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TABLES NEWS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.adminContent
{
	border-collapse: collapse;
	color: #333;
	font-size: 12px;
	margin: 0px;
	width: 100%;
	vertical-align: middle;
	text-align: left;	
}

table.adminContent td.adminTitle
{
	padding: 4px 4px 4px 4px;
}

table.adminContent td.adminData
{
	padding: 4px 4px 4px 4px;
}

td.adminTitle
{
	text-align: left;
	vertical-align: middle;
	width: 175px;
}

td.adminTitle img
{
	vertical-align: bottom;
	padding-right: 2px;
}

td.adminData
{
	text-align: left;
	vertical-align: middle;
}

tr.adminSeparator hr
{
	background-color:#D3D3D3;
    border:medium none;
    color:#D3D3D3;
    height:1px;
    margin-top:10px;
    margin-bottom:10px;
    padding:0;
}

.adminButtonBlue
{	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	DATA GRID NEWS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.oddrow
{
    BORDER-RIGHT: #e6e6e6 thin;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #e6e6e6 thin;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    BORDER-LEFT: #e6e6e6 thin;
    COLOR: #0a0a0a;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #e6e6e6 thin;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #e7e7e7;
    font-family : verdana, helvetica,arial,sans-serif;
    font-size:12px;
}
.evenrow
{
    BORDER-RIGHT: #e6e6e6 thin;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #e6e6e6 thin;
	PADDING-LEFT: 12px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 4px;
    MARGIN: 0pt;
    BORDER-LEFT: #e6e6e6 thin;
    COLOR: black;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #e6e6e6 thin;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: white;
    font-family : verdana, helvetica,arial,sans-serif;
    font-size:12px;
}
.rowtitle
{
	border-right: #e6e6e6 thin;
	padding-right: 2px;
	border-top: #e6e6e6 thin;
	padding-left: 2px;
	font-family : verdana, helvetica,arial,sans-serif; 
	font-weight: bold;
	font-size: 9.5pt;
	font-style:normal;
	padding-bottom: 4px;
	margin: 0px;
	border-left: #e6e6e6 thin;
	color:#000033;
	padding-top: 4px;
	border-bottom: #e6e6e6 thin;
	background-color: #FFA200; /*#C3DAFA;*/
	vertical-align: middle;
	text-align: left;
	height:15px;
	/*border-color:RoyalBlue;*/
}

/*** Sitemap ***/
div#Sitemap { color:#696969; height:370px; position:relative} 
div#Sitemap h2 { display:block; margin-bottom:10px; color:#489BD2;}
div#Sitemap ul{ margin-left:-10px;}
div#Sitemap li { line-height:20px; margin-left:20px;margin-left:-10px;}
div#Sitemap ul li {color:#FFA70F;}
div#Sitemap .sitemap-header { font-weight:bold; color:#F59C2F;}
div#Sitemap1 { color:#696969; left:0px; position:absolute} 
div#Sitemap2 {color:#696969; left:250px;position:absolute} 

/*** Contact Page ***/
div#ContactPage{ color:#696969; margin-top:10px;margin-left:0px;margin-right: 160px;line-height:145%;} 
div#ContactPage .fieldHeader{font-weight:bold;	} 
div#ContactPage .textHighlight{font-weight:bold;color:#4B4B4B;font-size:12px;} 
div#ContactPage .sucessMessage{font-weight:normal;color:#F59C2F;}
div#ContactPage .errormessage{font-weight:normal;color:red;}
div#ContactPage a{color:#F6AB2A;}

/*********LIST VIEW NEWS PAGE ***********/
div#news{ /*color:#696969;*/ margin-top:15px;}
div#news h1{display:block;margin-bottom:0px;}
div#news .content-news
{
	/*
	Dinh Nguyen 2010-09-09
	margin-left:10px;
	*/
	margin-left:-4px;
}
div#news .content-news table tr td a{font-weight:bold;color:#FFA200;font-size:11px;	}
div#news .content-news table tr{vertical-align:top;}
div#news td{vertical-align:top;}
div#news .shortDescription{font-size: 10.5px;color: #696969;text-align:justify;width:330px;}
div#news .newsdate{color: #9a9a9a;}
div#news .newsbody{margin: 0px 0 0 0;padding: 0px 0 0 0;width:400px;word-wrap:break-word;}
div#news .newsbody .newsbodyshort {font-size:11px;font-weight:normal;margin-right:0px;}
div#news .newsbody .newsbodyfull a{color: #ff9933;text-decoration: underline;	}
div#news .newsbody .newsbodyfull img{max-width: 390px !important; }
div#news .page-title{border-bottom: 0 none;margin-bottom:10px;}

/* don tran comment
/*a:hover{border-bottom: 1px solid #3a3a3a !important;}*/
.content-news-title{width:100%;text-align:left;}
.news-hours{color:#5F5C4E;}
.news-date{color:Silver;}

/*******Career Info page *********/
div#content-career {
	top:330px;
	left:35px;
	letter-spacing:0px;
	position:absolute;
	text-align:left;
	width: 470px;
}
div#content-career a{color:#F6AB2A; }
div#content-career b{	color:#F6AB2A; font-weight:bold;}
div#content-career table{margin-left:-40px}

div#content-career-content {
	/*background:url("images/GLOBE.png") no-repeat scroll 0 0 transparent;
	height:281px;
	width:298px; */
	left:0px;
	position:relative;
	top:0px;	
	z-index:100;
	color:#93937C;
	font-family:helvetica,verdana,arial,sans-serif;
	font-size:12px;
}

.clickhere-career
{
	position: absolute;
	left: 226px;
	top: 148px;
	width: 240px;
	border-bottom: solid 1px #C0C0C0;
	text-align: right;
	padding-bottom: 2px;
}
.clickhere-career a{color:#F6AB2A; }

div#content-career-content-link {
	background-color:Transparent;
	position:absolute;
	left:212px;
	top:155px;
	width:20px;
	height:20px;
	z-index:101;
}
.facility-map
{
	/*background:url("images/OFFICE.jpg") no-repeat;
	height:168px;
	width:378px;*/
}
/************ Left menu on administrator page ****************/
.master-admin-side
{
    height: auto;
    width: 220px;
    background-color:Transparent;
    position:absolute;
    top:70px;
    font-size:15px;
    font-weight:bold;
    margin-left:0px;
    /*border: red solid 1px;*/
}
.meuItemHover
{
	font-weight: bold;
	color: #3A3A3A;	
}
.menuItemSelect
{
	color:Red;
}
.meuItemlevel0
{
	font-weight: bold;
	color: #FFA200;	
	text-indent: 5px;
	line-height: 22px;	
}
.master-admin-welcome
{
	font-weight: bold;
	color: Black;	
	text-indent: 5px;
	line-height: 22px;	
}
.forgot-pass
{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:13px;
}	


/**** TABLE STYLES ****/

/*** Application Development ***/
div.checked
{	
	width:14px;
	height:14px;
	margin:auto auto;
	text-align:center;
	background-position:center;
	background-image:url("images/check.gif");
	background-repeat: no-repeat;
}


/* to be used in management page */
.vertical-bar
{
	background:url(images/VERT-BAR.gif) center no-repeat;
	display: inline-block;
	width: 7px;
	height: 18px;
	margin-bottom: -5px;
}

.bio-picture
{	
	height: 145px;
	float: left;
	display:inline;
	margin: 4px 12px 0px 0px;
	border: solid 0px #C0C0C0;
}
.bio-picture1
{
	/*background:url(images/bio/PrithviP.jpg) no-repeat;
	width: 127px;*/
}
.bio-picture2
{
	/*background:url(images/bio/ThinhN.jpg) no-repeat;
	width: 127px;*/
}
.bio-picture3
{
	/*background:url(images/bio/JamesD.jpg) no-repeat;
	width: 127px;*/
}
.bio-picture4
{
	/*background:url(images/bio/Rakesh.jpg) no-repeat;
	width:127px;	*/
}
.bio-picture5
{
	/*width: 110px;*/
	/*background:url(images/bio/AshB.jpg) no-repeat;
	width:106px;
	height:140px;*/
}
.bio-space
{
	display:block;
	height: 7px;
}
/**** GENERAL TABLES ****/

.justify
{
	text-align:justify;
		
}
.content table
{
	width:100%;
	border-collapse: collapse;	
	margin-top:10px;
	margin-bottom: 5px;
	line-height: 100%;
	border:#FFA200 none 1px;
	font-size:10px;
	/*border:#5F5C4E solid 1px;*/
}

.content table th
{
	background-color:#FFA200;
	border:#FFA200 none 1px;
	/*padding-left:5px;*/
	color:White;	
	vertical-align:middle;
	text-align:center;
}

.content table th.th-left
{	
	padding-left:7px;
	text-align:left;
}
.content table td
{
	border:#FFA200 dotted 1px;
	padding:5px;
	padding-right:2px;
	vertical-align:top	;
	border-top:none !important;
	
}

.content table.green-table td
{
	border:#9CD033 dotted 1px;
	border-top:none !important;
}

.content table.gray-table td
{
	border:#93937C dotted 1px;
	border-top:none !important;
}

.content table td.first-col
{	
	font-weight:bold;
	color: #93937C;
	text-align:right;	
	padding-right:7px;	
	padding-top:5px;
}
.content table td.first-col-center
{
	font-weight:bold;
	color: #93937C;
	text-align:right;	
	padding-right:7px;	
	vertical-align:middle;
}

.content table td.first-col-paddingtop
{	
	font-weight:bold;
	color: #93937C;
	text-align:right;	
	padding-right:7px;	
	padding-top:6.5px;
}

.content table td ul
{
	margin-top:0px;
	padding-top:0px;
	margin-left:8px;	
	padding-left:6px;	
	line-height: 140%;
}

.content table tr td ul li span
{
	margin-top: -2px;
	padding-top: 3px;
	line-height: 120%;
}

/* Orange table */
.top-left
{
	height: 26px;
	background:url(images/table/TABLE-UL.gif) top left no-repeat;
	border: none !important;
}
.top-right
{
	height: 26px;
	background:url(images/table/TABLE-UR.gif) top right no-repeat;
	border: none !important;
}
.top-middle
{
	height: 26px;
	background:url(images/table/TABLE-MID.gif) repeat-x;
	border: none !important;
}

.bottom-left
{
	background:url(images/table/TABLE-LL.gif) bottom left no-repeat;
	border-bottom: none !important;
	border-left: none !important;
}
.bottom-right
{
	background:url(images/table/TABLE-LR.gif) bottom right no-repeat;
	border-bottom: none !important;
	border-right: none !important;
}

.no-left-border
{
	border-left: none !important;
	background:url(images/table/TABLE-VERTICAL.gif) bottom left repeat-y;
}

.no-right-border
{
	border-right: solid 0px !important;
	background:url(images/table/TABLE-VERTICAL.gif) top right repeat-y;
}

.no-bottom-border
{
	border-bottom: solid 0px !important;
	background:url(images/table/TABLE-HORIZ.gif) bottom right repeat-x;
}

/* Green table - not used - 2010-09-22 - Dinh Nguyen */
/*
.green-table .top-left
{
	height: 26px;
	background:url(images/table/green/TABLE-UL.gif) top left no-repeat;
	border: none !important;
}
.green-table .top-right
{
	height: 26px;
	background:url(images/table/green/TABLE-UR.gif) top right no-repeat;
	border: none !important;
}
.green-table .top-middle
{
	height: 26px;
	background:url(images/table/green/TABLE-MID.gif) repeat-x;
	border: none !important;
}

.green-table .bottom-left
{
	background:url(images/table/green/TABLE-LL.gif) bottom left no-repeat;
	border-bottom: none !important;
	border-left: none !important;
}
.green-table .bottom-right
{
	background:url(images/table/green/TABLE-LR.gif) bottom right no-repeat;
	border-bottom: none !important;
	border-right: none !important;
}

.green-table .no-left-border
{
	border-left: none !important;
	background:url(images/table/green/TABLE-VERTICAL.gif) bottom left repeat-y;
}

.green-table .no-right-border
{
	border-right: solid 0px !important;
	background:url(images/table/green/TABLE-VERTICAL.gif) top right repeat-y;
}

.green-table .no-bottom-border
{
	border-bottom: solid 0px !important;
	background:url(images/table/green/TABLE-HORIZ.gif) bottom right repeat-x;
}
*/

/* Gray table */
.gray-table .top-left
{
	height: 26px;
	background:url(images/table/gray/TABLE-UL.gif) top left no-repeat;
	border: none !important;
}
.gray-table .top-right
{
	height: 26px;
	background:url(images/table/gray/TABLE-UR.gif) top right no-repeat;
	border: none !important;
}
.gray-table .top-middle
{
	height: 26px;
	background:url(images/table/gray/TABLE-MID.gif) repeat-x;
	border: none !important;
}

.gray-table .bottom-left
{
	background:url(images/table/gray/TABLE-LL.gif) bottom left no-repeat;
	border-bottom: none !important;
	border-left: none !important;
}
.gray-table .bottom-right
{
	background:url(images/table/gray/TABLE-LR.gif) bottom right no-repeat;
	border-bottom: none !important;
	border-right: none !important;
}

.gray-table .no-left-border
{
	border-left: none !important;
	background:url(images/table/gray/TABLE-VERTICAL.gif) bottom left repeat-y;
}

.gray-table .no-right-border
{
	border-right: solid 0px !important;
	background:url(images/table/gray/TABLE-VERTICAL.gif) top right repeat-y;
}

.gray-table .no-bottom-border
{
	border-bottom: solid 0px !important;
	background:url(images/table/gray/TABLE-HORIZ.gif) bottom right repeat-x;
}

/*
For Application Development
Dinh Nguyen
*/
.app-dev-table2 tr td
{
	font-size: 9px;
}

/**** END TABLE STYLES ****/
/* Change password page on administrator */
.title-change-pass
{
	color: #FFA200;
    font-size: 12px;
    margin-bottom:10px;    
    text-align:left;
    font-weight:bold;    
}
.label-change-pass{text-align:left;}
.cancel-button{display:none;}
.change-pass-button {position:absolute;}
.pager a {text-decoration: underline;}
.index-pager{text-align:right;padding-left:250px;}

/****** NEWS ITEM FROM FRONT END ********/
.back-from-news-detail{text-align:center;color: #FFA200;}
.prev-item-news {text-align:left;}
.next-item-news {text-align:right;}
.prev-item-news a , .next-item-news a {color:#FFA200;}
.prev-item-news a:hover, .next-item-news a:hover{color:#3A3A3A;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADMIN GRID VIEW

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tablestyle
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10.5px;
	border: 1px solid #808080;
	background-color: #FFFFFF;
	margin-left: 0px;
	color: #245D75;
	width: 100%;
}

.tablestyle td a
{
	color: #D16400;
	font-weight: bold;
	text-decoration: none;
}

.altrowstyle
{
	background-color: #F4FAFF;
}

.headerstyle th
{
	background: url('images/admin-gvw-bg.gif') repeat-x 50%;
	color: #fff;
	padding: 5px 10px 5px 10px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border: solid 1px #676767;
}

.headerstyle th a
{
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
	display: block;
	padding-right: 10px;
}

.rowstyle td, .altrowstyle td
{
	padding: 4px 10px 4px 10px;
	border-right: solid 1px #A0C0E7;
	border-right-color: #808080;
}

.PagerStyle
{
	height: 28px;
	background: url(images/grid_header_back.png) repeat-x;
	background: #EEEEEE;
	vertical-align: middle;	
}
.orange
{
	color:Orange;	
}